html{
	height: 100%;
}	
	hr{
		margin: 10px;
		margin-bottom: 5px;
	}
	h4{ 
		letter-spacing: 2px;
		color: #000000;
		padding:0px;
		margin: 0;
		background-color: #d5d5d5;
	}
	.myseach{
		margin: 10px 0;
	}

	.mya_pad{
		padding-left:0 !important;
		color: #333;
	}
	.pagination{
		margin-right: 20px;
		margin-top: 10px;
	}
	.navbar-brand{
		font-size: 20px;
		letter-spacing: 1px;
		
	}
	.form-group{
		display: flex;
	}
	.form-group>label{
		font-size: 15px;
		transform: translateY(5px);
	}
	.my_static{

		height: 34px;display: flex;align-items: center;
		margin-bottom: 15px;
	}
	.my_static>span{
		font-size: 15px;font-weight: 500;
	}
	.my_static>select{
		margin-left: 3px;
		height: 34px;width: 80px;
		border-radius: 4px;
		border: 1px solid #ccc;
		outline: 0;
	}
	.btn-group span{
		padding: 10px !important;
		color: #818181;
	}
	.func-body{
		padding: 10px;
		padding-bottom: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.func-body>div{
		margin-right:16px ;
	}
	.func-body input{
		margin-left: 3px;
		width: 160px;
	}
	.func-body label{
		font-weight: 500;
	}
	.buttom{
		padding: 10px;
	}
	.button>button:nth-child(1){
		margin-right: 10px;
	}

		
	/* 手机端响应式 */
	@media  (min-width:0 )and (max-width:768px){
		body{
			padding-bottom: 40px;
		}
		.my_static>span{
			font-size: 12px;
		}
		/* 手机端日期样式 */
		.func-body>.form-group>label{
			font-size: 12px;
		}
		.func-body>.form-group>input{
			width: 130px;
			padding: 3px 0px;
			
		}
		.func>.btn-group>button>span{
			padding: 3px !important;
		}
		.func>.btn-group>button{
			font-size: 14px;
			padding: 8px 5px;
		}
		.mynav{
			margin-left: 10px;
		}
		.breadcrumb{
			margin-bottom: 0;
			color: #999999;
		}
		.visiblelg-none{
			display: none !important;
		}
		.pagination{
			margin: 20px 30px;
		}
		#d2{
			display: none;
		}
		#d1 ul{
			display: flex;
			flex-wrap: wrap;
			padding: 10px;
			background-color: #fff;
			margin-bottom: 10px;
		}
		#d1{
			background-color: #f8f8f8;
			padding-bottom: 40px;
		}

		#d1 ul>li>span:nth-child(1){
			font-size: 14px;
			font-weight: 500;
			color: #000000;
		}
		#d1 ul>li>span:nth-child(2){
			margin-left: 5px;	
		}
		/* 用户订单号 */
		.nav_body>li:nth-child(1)>span:nth-child(2){
				font-size: 14px !important;
		}
		#d1>.nav_body>li:nth-child(3)>span:nth-child(2){
				word-break:break-all;
				display: inline-block;
				margin-left: 20px;
				font-size: 20px !important;
		}
		#d1>.nav_body>li:nth-child(4){
			margin-left:auto;
			width:50px;
			font-size: 20px;
			color: red;
		}
		.nav_body>li:nth-child(5){
			font-size: 12px;
			width: 100%;
			padding-left: 40px;
			padding-top: 8px;
		}
		.nav_body>li:nth-child(6) span{
				font-size: 18px;
				padding-left:15px;
				
		}

		.buttom{
			width: 100%;
			background-color: #F8F8F8;
			padding: 10px ;
		}

		.alert{
				margin-bottom: 0;
		}
		.mao{
			position: fixed;
			right: 6px;
			bottom: 120px;
		}
		.btn_app{
			width: 100%;
			position: fixed;
			bottom: 0px;
			height: 80px;
			background-color: #ee9d63;
			color: white;
			display: flex;
		}
		.btn_app>div{
			flex-basis: 33.3333%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;

		}
		.btn_app>div>img{
			width: 35px;
			height: 35px;
		}
		.btn_app>div>span{
			margin-top: 5px;
			font-size: 16px;
		}
		.btn_app>div:hover{
			background-color: #71c1f7;
		}
		/* 手机端隐藏 打印*/
		.print{
			display: none;
		}
		.nav_tit,.nav_tit2{
			display: none !important;
		}
		/* 临时的修改框 */
		.revise{
			z-index:10;
			position: fixed;
			left:0;
			top: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0,0.1);
		}
		.revise>div{
			width: 95%;
			margin:120px auto;
			background-color:#f5f5f5;
			box-shadow:2px 2px 5px #797979;
			border-radius: 6px;
			padding:20px;
		}
		.revise>div>.input-group{
			margin: 10px auto;
			width: 80%;
		}
	}
	
	
	
	/* pc模式下时 */
	@media  (min-width:768px ) {
		table tr td div{
			max-height: 50px !important;
			overflow: auto;
		}
		.mynav{
			margin-right: 10px !important;
		}
		.mypage{
			padding: 10px;
		}
		.mao{
			display: none;
		}
		.d_body{
			display: flex;
		}
		#d1{
			width:30%;
			height: 70vh;
			overflow: auto;
			border: 1px solid #d6d5d5;
			border-radius: 4px;
			box-shadow: 2px 2px 4px  #95b2c0;
			padding: 10px;
			background-color: rgba(232, 245, 250,.5);
		}
		#d1>div:nth-child(1){
			background-color: #000000;
		}
		#d2{
			display: block;
			width:70%;
			height: 70vh;
			overflow: auto;
			border: 1px solid #d6d5d5;
			padding: 10px;
			background-color: rgba(232, 245, 250,.5);
		}
		.btn_app{
			display: none;
		}
		/* pc端中表格中内容的样式 */
		.nav_tit,.nav_tit2{
			display: flex;
			list-style: none;
			height: 30px;
		}
		/* 设置第二个表格的h4样式 */
		.nav_tit2,.nav_body2,.table_2_h4{
			width: 1200px;
		}
		
		.nav_tit>li,.nav_tit2>li{
			text-align: center;
			border: 1px solid rgba(158, 222, 247, 0.7);
			padding-top: 5px;
		}
		.nav_tit>li:nth-child(1){ width: 50px;}
		.nav_tit>li:nth-child(2){ width: 50px;}
		.nav_tit>li:nth-child(3){ width: 140px;}
		.nav_tit>li:nth-child(4){ width: 80px;}
		.nav_tit>li:nth-child(5){ width: 140px;}
		.nav_tit>li:nth-child(6){ width: 120px;}
		/* 第二个表格 */
		.nav_tit2>li:nth-child(1){ width: 50px;}
		.nav_tit2>li:nth-child(2){ width: 50px;}
		.nav_tit2>li:nth-child(3){ width: 150px;}
		.nav_tit2>li:nth-child(4){ width: 90px;}
		.nav_tit2>li:nth-child(5){ width: 80px;}
		.nav_tit2>li:nth-child(6){ width: 80px;}
		.nav_tit2>li:nth-child(7){ width: 50px;}
		.nav_tit2>li:nth-child(8){ width: 80px;}
		.nav_tit2>li:nth-child(9){ width: 80px;}
		.nav_tit2>li:nth-child(10){ width: 80px;}
		.nav_tit2>li:nth-child(11){ width: 50px;}
		.nav_tit2>li:nth-child(12){ width: 50px;}
		.nav_tit2>li:nth-child(13){ width: 80px;}
		.nav_tit2>li:nth-child(14){ width: 80px;}
		.nav_tit2>li:nth-child(15){ width: 80px;}
		.nav_tit2>li:nth-child(16){ width: 120px;}
		.nav_body,.nav_body2{
			display: flex;
		}
		.nav_body>li,.nav_body2>li{
			text-align: center;
			border: 1px solid rgba(144, 220, 255, 0.5);
			padding: 10px 0;
			font-size: 12px;
		}
		.nav_body>li:nth-child(1){ width: 50px;}
		.nav_body>li:nth-child(2){ width: 50px;}
		.nav_body>li:nth-child(3){ width: 140px;}
		.nav_body>li:nth-child(4){ width: 80px;}
		.nav_body>li:nth-child(5){ width: 140px;}
		.nav_body>li:nth-child(7){ width: 120px;}
		.nav_body>li>span:nth-child(1),.nav_body2>li>span:nth-child(1){
			display: none;
		}
		/* 第二个表格 */
		.nav_body2>li:nth-child(1){ width: 50px;}
		.nav_body2>li:nth-child(2){ width: 50px;}
		.nav_body2>li:nth-child(3){ width: 150px;}
		.nav_body2>li:nth-child(4){ width: 90px;}
		.nav_body2>li:nth-child(5){ width: 80px;}
		.nav_body2>li:nth-child(6){ width: 80px;}
		.nav_body2>li:nth-child(7){ width: 50px;}
		.nav_body2>li:nth-child(8){ width: 80px;}
		.nav_body2>li:nth-child(9){ width: 80px;}
		.nav_body2>li:nth-child(10){ width: 80px;}
		.nav_body2>li:nth-child(11){ width: 50px;}
		.nav_body2>li:nth-child(12){ width: 50px;}
		.nav_body2>li:nth-child(13){ width: 80px;}
		.nav_body2>li:nth-child(14){ width: 80px;}
		.nav_body2>li:nth-child(15){ width: 80px;}
		.nav_body2>li:nth-child(16){ width: 120px;}
		/* 电脑端显示 打印*/
		.print{
			display: inline-block;
		}
		/* 临时的修改框 */
		.revise{
			z-index:10;
			position: fixed;
			left:0;
			top: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0,0.1);
		}
		.revise>div{
			width: 500px;
			margin:120px auto;
			background-color:#f5f5f5;
			box-shadow:2px 2px 5px #797979;
			border-radius: 6px;
			padding:20px;
		}
		.revise>div>.input-group{
			margin: 10px auto;
			width: 60%;
		}
		.my_hr{
			display: none;
		}

	}
	
	